<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/list.css">
    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/page.js"></script>
    <script src="./js/list.js"></script>
</head>

<body>
    <div id="app">
        <div class="home-tool-bar">
            <ul>
                <li>
                    <a class="item" href="javscript:;">
                        <div class="icon"><i class="iconfont icon-shouji"></i></div>
                        <span class="text">手机app</span>
                        <div class="pop-content">
                            <img src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png"
                                alt="">
                            <span class="desc">扫码领取新人百元礼包</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-ren"></i></div>
                        <span class="text">个人中心</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-wrench-full"></i></div>
                        <span class="text">售后服务</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-fuwu"></i></div>
                        <span class="text">人工客服</span>

                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-gouwuchekong"></i></div>
                        <span class="text">购物车</span>
                    </a>
                </li>
                <li class="scroll-top">
                    <a href="#">
                        <div class="icon"><i class="iconfont icon-dingbu"></i></div>
                        <span class="text">回顶部</span>
                    </a>
                </li>
            </ul>
        </div>

        <header id="header">

            <!--<a href="javascript:;" id="header-banner"></a>-->

            <nav id="nav">

                <div class="container top-nav">

                    <div class="top-nav-list">
                        <a href="index.html" target="_blank">小米商城</a>
                        <span>|</span>
                        <a href="https://home.miui.com/" target="_blank">MIUI</a>
                        <span>|</span>
                        <a href="https://iot.mi.com/" target="_blank">IoT</a>
                        <span>|</span>
                        <a href="https://i.mi.com/" target="_blank">云服务</a>
                        <span>|</span>
                        <a href="https://airstar.com/home" target="_blank">天星数科</a>
                        <span>|</span>
                        <a href="https://www.xiaomiyoupin.com/" target="_blank">有品</a>
                        <span>|</span>
                        <a href="https://xiaoai.mi.com/" target="_blank">小爱开放平台</a>
                        <span>|</span>
                        <a href="https://qiye.mi.com/" target="_blank">企业团购</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list?id=41">资质证照</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list" target="_blank">协议规则</a>
                        <span>|</span>
                        <a class="appdown" href="https://www.mi.com/appdownload" target="_blank">
                            下载app
                            <span class="appdow-sp">
                                <img src="http://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                                小米商城APP
                            </span>
                        </a>
                        <span>|</span>
                        <a href="https://xiaomishare.mi.com/?from=micom" target="_blank">智能生活</a>
                        <span>|</span>
                        <a href="javascript:;" target="_blank">Select Location</a>
                    </div>

                    <div class="top-nav-shopping">
                        <a href="shoppingCar.html" target="_blank">
                            <i class="iconfont icon-gouwuchekong"></i>
                            购物车
                            <!--<span class="shopping-num">(0)</span>-->
                        </a>
                        <!--<div class="shoppinginfo">
                            购物车中还没有商品，赶紧选购吧！
                        </div>-->
                    </div>

                    <div class="top-nav-userinfo">
                        <a href="./login.html" class="login">登录</a>
                        <span>|</span>
                        <a href="./register.html" class="register">注册</a>
                        <span>|</span>
                        <a href="JavaScript:;">消息通知</a>
                    </div>
                </div>
            </nav>

            <div class="container clearfix">
                <div class="header-logo">
                    <a href="javascript:;">
                        <i class="iconfont icon-xiaomi"></i>
                        <span class="iconfont icon-shouye"></span>
                    </a>
                </div>

                <div class="header-nav">
                    <ul class="clearfix">
                        <li>
                            <a href="JavaScript:;">
                                <span class="text">全部商品分类</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>小米手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>Redmi 红米</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>电视</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>笔记本</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>家电</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>路由器</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>智能硬件</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>服务</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>社区</span>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="search-form">
                    <form>
                        <button id="btnSearch" class="btnSearch"><i class="iconfont icon-sousuo"></i></button>
                        <input type="text" name="searchText" id="searchText" class="searchText">
                    </form>
                </div>
            </div>
        </header>

        <div id="main" class="clearfix">
            <div class="box"></div>
            
            <div class="container">
                <div class="content fenye">
                    
                </div>
            </div>
        </div>

        <footer id="footer">

            <div class="site">
                <div class="container">
                    <div class="server">
                        <ul class="clearfix">
                            <li><a href="javascript:;"><i class="iconfont icon-wrench-full"></i>预约维修服务</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-7"></i>7天无理由退货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-15tianwuliyoutuihuo"></i>15天免费换货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-liwu"></i>满99元包邮</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-location"></i>520余家售后网点</a></li>
                        </ul>
                    </div>
                    <div class="links clearfix">
                        <dl class="con-links">
                            <dt>帮助中心</dt>
                            <dd><a href="javascript:;">账号管理</a></dd>
                            <dd><a href="javascript:;">购物指南</a></dd>
                            <dd><a href="javascript:;">订单操作</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>服务支持</dt>
                            <dd><a href="javascript:;">售后政策</a></dd>
                            <dd><a href="javascript:;">自助服务</a></dd>
                            <dd><a href="javascript:;">相关下载</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>线下门店</dt>
                            <dd><a href="javascript:;">小米之家</a></dd>
                            <dd><a href="javascript:;">服务网点</a></dd>
                            <dd><a href="javascript:;">授权体验店</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关于小米</dt>
                            <dd><a href="JavaScript:;">了解小米</a></dd>
                            <dd><a href="JavaScript:;">加入小米</a></dd>
                            <dd><a href="JavaScript:;">投资者关系</a></dd>
                            <dd><a href="javascript:;">企业社会责任</a></dd>
                            <dd><a href="javascript:;">廉洁举报</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关注我们</dt>
                            <dd><a href="javascript:;">新浪微博</a></dd>
                            <dd><a href="javascript:;">官方微信</a></dd>
                            <dd><a href="javascript:;">联系我们</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>特色服务</dt>
                            <dd><a href="javascript:;">F码通道 </a></dd>
                            <dd><a href="javascript:;">礼物码 </a></dd>
                            <dd><a href="javascript:;">防伪查询</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <div class="links-contact">
                            <p class="telNum">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="javascript:;" class="btn"><i class="iconfont icon-liaotian"></i>人工客服 </a>
                            <div class="follow">
                                关注小米
                                <a href="JavaScript:;" class="weibo"></a>
                                <a href="JavaScript:;" class="weixin"></a>
                                <img src="http://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" alt="">
                                </divc>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="info">
                <div class="containter">
                    <div class="logo">小米官网</div>
                    <div class="info-text">
                        <p>
                            <a href="JavaScript::">小米商城</a>
                            <span>|</span>
                            <a href="JavaScript::">MIUI</a>
                            <span>|</span>
                            <a href="JavaScript::">米家</a>
                            <span>|</span>
                            <a href="JavaScript::">米聊</a>
                            <span>|</span>
                            <a href="JavaScript::">多看</a>
                            <span>|</span>
                            <a href="JavaScript::">游戏</a>
                            <span>|</span>
                            <a href="JavaScript::">政企服务</a>
                            <span>|</span>
                            <a href="JavaScript::">小米天猫店</a>
                            <span>|</span>
                            <a href="JavaScript::">小米集团隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米公司儿童信息保护规则</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城用户协议</a>
                            <span>|</span>
                            <a href="JavaScript::">问题反馈</a>
                            <span>|</span>
                            <a href="JavaScript::">Select Location</a>
                        </p>
                        <p>
                            <a href="JavaScript:;">北京互联网法院法律服务工作站</a>
                            <span>|</span>
                            <a href="JavaScript:;">中国消费者协会</a>
                            <span>|</span>
                            <a href="JavaScript:;">北京市消费者协会</a>
                        </p>
                        <p>
                            ©<a href="javascript:;">mi.com</a>京ICP证110507号
                            <a href="javascript:;">京ICP备10046444号</a>
                            <a href="javascript:;">京公网安备11010802020134号</a>
                            <a href="javascript:;">京网文[2020]0276-042号</a><br>
                            <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                            <a href="javascript:;"> 互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                            <a href="javascript:;">营业执照</a>
                            <a href="javascript:;">医疗器械质量公告</a><br>
                            <a href="javascript:;">增值电信业务许可证</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="javascript:;">食品经营许可证</a><br>
                            违法和不良信息举报电话：171-5104-4404
                            <a href="javascript:;">知识产权侵权投诉</a>
                            本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                    <div class="info-links">
                        <a href="JavaScript:;">
                            <img src="http://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://s01.mifile.cn/i/v-logo-2.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                        </a>
                        <a href="JavaScript:;" class="aImg">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
                                alt="" class="img1">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/d10306f91ef8334f01b12a84b685deba.png"
                                alt="" class="img2">
                        </a>
                    </div>
                </div>
                <div class="ir">探索黑科技，小米为发烧而生</div>
            </div>

        </footer>
    </div>
</body>

</html>